<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../libs/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../libs/app.css" />
		<link href="../../css/main.css" rel="stylesheet" />
		<link href="../../css/assess-d.css" rel="stylesheet" />
	</head>

	<body>
		<div class="head">
			<img class="mui-action-back" src="../../images/all-left.png" alt="">
			<p>人寿保单贷评估</p>
		</div>
		<div class="content">
			<!--列表-->
			<div class="list">
				<!--类型-->
				<div id="lx" class="mui-table-view">
					<div class="mui-table-view-cell">
						<a href="#showlx">
							<div class="lx-le">类型</div>
							<div id="info-lx" class="lx-ri">选择</div>
						</a>
					</div>
				</div>
				<div id="showlx" class="showlx mui-popover mui-popover-action mui-popover-bottom" style="background-color: #efeef4">
					<ul class="mui-table-view" style="margin: 0px;border-radius: 0px;font-size: 14px;">
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">平安人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">中国人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">新华人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">泰康人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">太平洋人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">人保人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">生命人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">太平人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">友邦人寿</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">阳光人寿</a>
						</li>
					</ul>
					<ul class="mui-table-view " style="margin: 10px 0px 0px 0px;border-radius: 0px;">
						<li class="mui-table-view-cell popover-bottom-remove">
							<a href="#showlx">取消</a>
						</li>
					</ul>
				</div>
				<!--保单编号-->
				<!--<div class="mui-table-view">
					<div class="mui-table-view-cell">
						<div class="lx-le">保单编号</div>
						<div class="lx-ri"><input type="text" class="bd-ri number" placeholder="请输入保单编号" value=""></div>
					</div>
				</div>	-->
				<!--购买保单金额-->
				<div class="mui-table-view">
					<div class="mui-table-view-cell">
						<div class="lx-le">购买保单金额</div>
						<div class="lx-ri"><span class="bd-m lx-ri">元</span><input id="yuan" class="bd-ri" placeholder="单行输入"></div>
					</div>
				</div>
				<!--保单已缴费-->
				<div id="xl-y" class=" mui-table-view">
					<div class="mui-table-view-cell">
						<a href="#already-pm">
							<div class="lx-le">保单已缴费</div>
							<div id="payment-y" class="payment lx-ri">选择</div>
						</a>
					</div>
				</div>
				<div id="already-pm" class="payment-y mui-popover mui-popover-action mui-popover-bottom" style="background-color: #efeef4">
					<ul class="mui-table-view" style="margin: 0px;border-radius: 0px;font-size: 14px;">
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">6个月</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">24个月</a>
						</li>
					</ul>
					<ul class="mui-table-view" style="margin: 10px 0px 0px 0px;border-radius: 0px;">
						<li class="mui-table-view-cell popover-bottom-remove">
							<a href="#already-pm">取消</a>
						</li>
					</ul>
				</div>
				<!--保单已缴费次数-->
				<div id="xl-c" class="mui-table-view">
					<div class="mui-table-view-cell">
						<a href="#numbe">
							<div class="lx-le">保单已缴费次数</div>
							<div id="payment-c" class="payment lx-ri">选择</div>
						</a>
					</div>
				</div>
				<div id="numbe" class="payment-c mui-popover mui-popover-action mui-popover-bottom" style="background-color: #efeef4">
					<ul class="mui-table-view" style="margin: 0px;border-radius: 0px;font-size: 14px;">
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">1次</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">3次</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">4次</a>
						</li>
					</ul>
					<ul class="mui-table-view" style="margin: 10px 0px 0px 0px;border-radius: 0px;">
						<li class="mui-table-view-cell popover-bottom-remove">
							<a href="#numbe">取消</a>
						</li>
					</ul>
				</div>
				<!--还款期限-->
				<div id="xl" class="mui-table-view">
					<div class="mui-table-view-cell">
						<a href="#term">
							<div class="lx-le">还款期限</div>
							<div id="infoone" class="payment lx-ri">选择</div>
						</a>
					</div>
				</div>
				<div id="term" class="bg infoone mui-popover mui-popover-action mui-popover-bottom" style="background-color: #efeef4">
					<ul class="mui-table-view" style="margin: 0px;border-radius: 0px;font-size: 14px;">
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">12期</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">24期</a>
						</li>
						<li class="mui-table-view-cell popover-bottom">
							<a href="#">36期</a>
						</li>
					</ul>
					<ul class="mui-table-view" style="margin: 10px 0px 0px 0px;border-radius: 0px;">
						<li class="mui-table-view-cell popover-bottom-remove">
							<a href="#term">取消</a>
						</li>
					</ul>
				</div>
			</div>
			<!--按钮-->
			<div class="buttons">
				<div class="add add-button">继续添加</div>
				<div class="add add-submit" id="evaluate">提交</div>
			</div>

		</div>

		<script src="../../libs/mui.min.js"></script>
		<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/url.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/assess-public.js" ></script>
		<script type="text/javascript">
//			绑定
			var lx = $('#info-lx').val();
			var price = $('#yuan').val();
			var pay = $('#payment-y').val();
			var payTime = $('#payment-c').val();
			var infoone = $('#infoone').val();
			$('#evaluate').on('tap',function(){	
				if(price && /^[0-9]*$/.test(price)){
					mui.toast('请检查您输入的购买保单金额...');
			    }
				else if(lx==''||lx==null||price==''||price==null||pay==''||pay==null||payTime==''||payTime==null||infoone==''||infoone==null){
					return false;
				}else{		
					mui.openWindow({
						url: evaluate.html,
						id: evaluate,
						show:"pop-in"
					})
					
				}
			});

//			接口		
			function a() {
				$.ajax({
					url: ur + "rest/loanController/evaluate",
					headers: {
						"X-Token": localStorage.token
					},
					dataType: "json",
					data: {
						loanCode: "rsbd",
						param: "[{type:'" + lx + "',number:" + pay + ",price:" + price + ",month:" + infoone + ",sub:" + payTime + "}]",
					},
					type: "POST",
					success: function(data) {
					}
				});
			}
			
			
		</script>
	</body>

</html>